
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>卡片制作</title>
<link href="Untitled-2.css" rel="stylesheet" type="text/css" />
</head>
<!--引用JS--><script src="uploadPreview.js"></script>
<script src="js/esl.js"></script>
<script src="js/jquery.js"></script>

<body>
<a name="返回顶部"></a> <a  href="" class="lianjiestyle">个人中心</a> <a href="" class="lianjiestyle">注销</a>
<div align="center"> <img src="20150815233141_RWnQ3.jpeg.jpg" width="800" height="230" /></div>
<div id="container" style="width:100%">
  <div id="herader" style="background-color:#90F; height:250px; margin-top:-250px"> </div>
  <a   href="#返回顶部" style=" text-decoration:none; ">
  <div class="box" style="background-color:#0F0; width:20px; height:80px">返回顶部</div>
  </a></div>
<div class="colorhei"> 
  <!--固定定位-->
  <ul id="warp">
    <li>
      <div style="margin-left:3.5%; padding:50px 0px; ">
        <fieldset style="width:0px">
          <legend>添加背景</legend>
          <input type="file" id="up_img_WU_FILE_1" style="display:none"/>
          <input type="button" value="选 择 背 景" onclick="up_img_WU_FILE_1.click()" />
        </fieldset>
        <fieldset style="width:0px">
          <legend>添加照片</legend>
          <input type="file" id="up_img_WU_FILE_0" style="display:none" />
          <input type="button" value="选 择 照 片" onclick="up_img_WU_FILE_0.click()" />
        </fieldset>
        <fieldset style="width:0px">
          <legend>导入基本信息</legend>
          <input type="button" value="导 入 基 本 信 息" />
        </fieldset>
      </div>
    </li>
    <li style="margin-left:50px; margin-top:-40px">
      <fieldset style="width:200px; ">
        <legend>选择字体大小</legend>
        <select id="mySelect">
          <option >10px</option>
          <option >11px</option>
          <option >12px</option>
          <option >13px</option>
          <option >14px</option>
          <option >15px</option>
          <option >16px</option>
          <option >17px</option>
          <option >18px</option>
          <option >19px</option>
          <option >20px</option>
        </select>
        <input type="button" onclick="displayResult()" value="点击更换标题字体" />
      </fieldset>
    </li>
    <li>
    <div style="float:left; margin-left:50px">
      <fieldset style="width:277px; ">
        <legend>选择字体大小</legend>
        <select id="mySelect1">
          <option >10px</option>
          <option >11px</option>
          <option >12px</option>
          <option >13px</option>
          <option >14px</option>
          <option >15px</option>
          <option >16px</option>
          <option >17px</option>
          <option >18px</option>
          <option >19px</option>
          <option >20px</option>
        </select>
        <input type="button" onclick="displayResult1()" value="确定" />  <input  type="button" onclick="font_left()" value="左对齐" />
        <input  type="button" onclick="font_right()" value="右对齐" />
        <input  type="button" onclick="font_center()" value="居中" />
      </fieldset>
      <fieldset style="width:200px; ">
        <legend>添加文本图片</legend>
      <input id="text_one" type="text" value="文本"   /><input type="button" value="添加" onclick="addText()"/>
      <input type="button" value="添加下划线" onclick="underline_add()" />
      <input type="button" value="onclick()" />
       </fieldset>

    </div>
    </li>
    
    <li>
      <div class="backgroundimg">
        <fieldset style="width:350px; height:500px ; background:">
          <legend>预览</legend>
          <img id="imgShow_WU_FILE_1" width="356" height="470" />
          
          <div id="bigname">
          <div style="position:absolute; top:83%; left:27%">
            <input type="text" style="border:0; width:100px;background-color: rgba(0, 0, 0, 0); text-align:right" value="名字" size="20" id="name1"  />
            :
            <input style="border:0px; border-bottom:1px #ccc solid; width:143px; text-align:center;background-color:rgba(0,0,0,0.0); " type="text" id="name4" value="张三" size="20" />
          </div>
          <div style="position:absolute; top:100%; left:27%">
            <input type="text" style="border:0; width:100px;background-color: rgba(0, 0, 0, 0);text-align:right; " value="工号" size="20" id="name3"  />
            :
            <input type="text" id="name5" style="border:0px; border-bottom:1px #ccc solid; width:143px; text-align:center;background-color: rgba(0, 0, 0, 0);" value="123" size="20" />
          </div>
          <div style="position:absolute; top:93%; left:27%">
            <input type="text" style="border:0; width:100px;background-color: rgba(0, 0, 0, 0);text-align:right" value="部门" size="20" id="name2" />
            :
            <input style="border:0px; border-bottom:1px #ccc solid; width:143px; text-align:center;background-color: rgba(0, 0, 0, 0);" type="text" id="name6" value="搬砖班" size="20"  />
          </div>
        </fieldset>
      </div>
      <div class="img"> <img id="imgShow_WU_FILE_0" width="100" height="150" /> </div>
      <div class="button">
      <button type="button" style=" width:150px; height:50px"onclick="fun()">
      <h5 style="font-size:40px;" > 合成 </h5>
      </button>
      <br />
      <div>
        <input type="button" value="上一张背景" />
        <input type="button" value="下一张背景" />
        <br />
        <input type="button" value="上一张照片" />
        <input type="button" value="下一张照片" />
        <br />
      </div>
      <input type="button" onclick="print_r()" value="打印" />
    </li>
    <li style=" float:right; margin-top:-420px; margin-right:400px">
      <h1>基本信息</h1>
      <textarea style="resize:none; width:100px; height:500px"></textarea>
    </li>
    <div id="main" style="height:470px; width:356px; border:#0F6 solid;">
  
    </div>
  </ul>
  <div align="center"class="Clown">@Clown</div>
</div>

</body>
</html>
<script src="JS.js"></script>
<script src="Untitled-3.js"></script>
<script>
function print_r(){
  window.print() 
}
console.log("dsads")
</script>